<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <style>
        .zh {
            background-color: #93D1FF;
        }

        th {
            background: #f0f0f0;
            text-align: center;
        }
    </style>
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <script type="text/javascript" th:src="@{/js/app/personnel/home.js}"></script>
</head>
<body>
<div class="layui-fluid" id="dictionary">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card" id="seach">
                <div class="layui-card-body ">
                    <form class="layui-form layui-col-space5" action="#">
                        <div class="layui-input-inline layui-show-xs-block" style="padding-top: 17px">
                            <input type="text" name="personnelCode" style="padding: 0px 5px" placeholder="请输入员工编号"
                                   autocomplete="off"
                                   class="layui-input">
                        </div>
                        <div class="layui-input-inline layui-show-xs-block" style="padding-top: 17px">
                            <input type="text" name="personnelName" style="padding: 0px 5px" placeholder="请输入员工姓名"
                                   autocomplete="off"
                                   class="layui-input">
                        </div>
                        <div class="layui-input-inline layui-show-xs-block">
                            <button class="layui-btn" lay-submit lay-filter="soso" type="submit">
                                <i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </form>
                    <div class="layui-card-header" style="padding: 0 0">
                        <div class="layui-btn-group">
                            <button @click="show_add()" type="button" class="layui-btn layui-btn-normal layui-btn-sm">
                                <i class="layui-icon layui-icon-add-1"></i>增加
                            </button>
                            <button @click="show_update()" type="button"
                                    class="layui-btn layui-btn-normal layui-btn-sm">
                                <i class="layui-icon layui-icon-edit"></i>修改&nbsp;/&nbsp;授权
                            </button>
                        </div>
                        <div class="layui-btn-group">
                            <button @click="deleted()" type="button" class="layui-btn layui-btn-danger layui-btn-sm">
                                <i class="layui-icon layui-icon-delete"></i>删除
                            </button>
                            <button @click="show_xq()" type="button" class="layui-btn layui-btn-sm">
                                <i class="layui-icon layui-icon-list"></i>详情
                            </button>
                        </div>
                        <div class="layui-btn-group">
                            <button @click="referXadmin()" type="button"
                                    class="layui-btn layui-btn-normal layui-btn-sm">
                                <i class="layui-icon layui-icon-refresh-1"></i>刷新
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-body">
                    <table class="layui-table" id="tab" lay-size="sm">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th v-for="(ls,i) in listCol">
                                {{ls}}
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(ls,i) in list" onclick="sure(this)">
                            <td>{{i+1}}</td>
                            <td v-for="(lsx,key) of ls">
                                {{lsx}}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div id="test1"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>